@charset "utf-8";
body{
    width:            100%;
    min-width:        750px;
    margin:           0;
}
.mainSub{
    position:         absolute;
    left:             0px;
    top:              0px;
    text-align:       center;
    width:            100%;
    height:           100%;
    font-family:      '微软雅黑';
    background: #000000;
    overflow-x:       hidden;
}
.main{
    position: absolute;
    background-color: rgb(182, 240, 216);
    display: inline-block;
    text-align: center;
    overflow: hidden;
    padding-top: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.header{
    position:         absolute;
    top:              0px;
    width:            100%;
    height:           70px;
    background: #000000;
    color:            white;
    text-align: center;
    font-size: 18px;
    font-max-size: 25px;
}
.list-group{
    position:          center;
    top:               20px;
    width:             90%;
    height:            600px;
    margin:            70px 0 0 70px;
}
.buttonList{
    width:             16%;
    height:            60%;
    border: 8px solid white;
    margin: 20px 0 0 15px;
    float: left;
    background: rgb(182, 240, 216);
}
.bottom{

    position:center;
    height: 0px;
    color: #FFF;
    line-height: 44px;
    text-align: center;
    margin-bottom: 50px;

}
.btn {
    display: inline-block;
    border-radius: 2px;
    background-color: #f1a993;
    border: none;
    color: black;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    width: 101px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}

.btn span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.btn span:after {
    content: '»';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}

.btn:hover span {
    padding-right: 25px;
}

.btn:hover span:after {
    opacity: 1;
    right: 0;
}
.home-logo{
    position:absolute;
    display: inline-block;
    background-color: #fefdfd;
    border: none;
    padding: 10px;
    width: 50px;
    transition: all 0.5s;
    cursor: pointer;
    margin-left: -620px;
}
.home-logo span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}
.home-logo span:after {
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}
.home-logo:hover span {
    padding-right: 25px;
}

.home-logo:hover span:after {
    opacity: 1;
    right: 0;
}
.zut-logo{
    position:absolute;
    display: inline-block;
    background-color: #fefdfd;
    border: none;
    padding: 10px;
    width: 50px;
    transition: all 0.5s;
    cursor: pointer;
    margin-left: -720px;
}
.zut-logo span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}
.zut-logo span:after {
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}
.zut-logo:hover span {
    padding-right: 25px;
}

.zut-logo:hover span:after {
    opacity: 1;
    right: 0;
}

.navList{
    position:          absolute;
    top:               12px;
    left:              400px;
}
.nav{
    margin-right:      100px;
    margin-top:        10px;
    font-family:       '微软雅黑';
    font-size:         1.3em;
    text-decoration:   none;
    float:             left;
    color:             rgb(136, 131, 131);
    cursor:            pointer;
}
.nav:hover{
    color:             rgb(136, 131, 131);
}



.selected{
    color:             white;
}

.showBox{
    width: 95%;
    height: 100%;
    position:          relative;
    left:              40px;
    top:               70px;
    /*border:            1px solid red;*/
    background: rgb(182, 240, 216);
}

